<!-- 1:写一个页面，倒计时9秒后跳转到baidu，
同时页面上显示剩余的秒数。 -->
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>百度跳转</title>
	</head>
	<style>
		p {
			text-align: center;
		}

		#time {
			color: red
		}
	</style>
	<body>
		<p>
			<span id="time">9</span>秒后跳转到百度
		</p>
		<script>
			var second = 9;
			var time = document.getElementById("time");
			function show() {
				second--;
				if (second == 0) {
					//跳转页面
					location.href = "https://www.baidu.com";
				}
				//用来动态设置里面的内容
				time.innerHTML = second + "";
			}
			//用来实现这个一秒实现一次这个方法
			setInterval(show, 1000);
		</script>
	</body>
</html>
